<!--订单新增页面-->
<div id="orderReleaseAdd">
    <div class="bg-light lter b-b wrapper-md">
        <h1 class="m-n font-thin h4">发货单新增</h1>
    </div>
    <div class="wrapper-md">
        <div class="panel panel-default">
            <div class="panel-body">
                <validator name="validation" :groups="['totalLine']">
                    <form name="orderForm" id="orderForm" class="form-validation form-horizontal" novalidate>
                        <div class="form-group">
                            <div class="panel-heading font-bold m-t-n m-b-sm">
                                基本信息
                            </div>
                            <label class="col-lg-1 pull-left control-label">订单编号  </label>
                            <label class="col-lg-2 control-label pull-left text-left">{{orderId}}</label>

                            <label class="col-lg-1 pull-left control-label">发货发布时间<span class="text-danger">*</span></label> 
                            <label class="col-lg-2 control-label pull-left text-left">{{addOrderTime}}</label>

                            <label class="col-lg-1 pull-left control-label">紧急程度<span class="text-danger">*</span></label>
                            <div class="col-lg-1 pull-left">
                                <input type="text" class="form-control input-sm" id="addOrderCtrl_urgency" placeholder="请填写紧急程度" name="urgency" v-model="urgency" v-validate:urgency="{required: true, pattern:'/^[0-9]*[1-9][0-9]*$/'}">
                            </div>
                            <div class="pull-left m-l-n-sm">
                                <select v-model="urgencyUnit" class="form-control input-sm" v-validate:urgencyUnit="['required']">
                                    <option value="" selected>请选择</option>
                                    <option v-for="option in urgencyUnitList" v-bind:value="option.value">
                                        {{ option.text }}
                                    </option>
                                </select>
                            </div>
                            <label class="control-label text-left m-l-xs">内回复</label>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-1 pull-left control-label">客户单位<span class="text-danger">*</span></label>
                            <label class="col-lg-2 control-label pull-left text-left">{{clientName}}</label>
                            <label class="col-lg-1 pull-left control-label pd5">发货计划人<span class="text-danger">*</span></label>
                            <!--<div class="col-lg-2">
                                <input type="text" class="form-control input-sm " v-model="consignorName" id="addOrder_consignorName" @click="changeConsignorName()" v-validate:consignorName="['required']">
                            </div>-->
                            <div class="col-lg-2">
                                <select class="form-control input-sm" v-model="consignorName" id="addOrder_consignorName" @change="changeConsignorName()" v-validate:consignorName="['required']">
                                    <option value="" selected>请选择</option>
                                    <option v-for="option in consignorNameList" v-bind:value="option.realName">
                                        {{ option.realName }}
                                    </option>
                                </select>
                            </div>
                            <label class="col-lg-1 pull-left control-label pd5">发货人电话<span class="text-danger">*</span></label>
                            <div class="col-lg-2">
                                <input type="text" id="addOrderCtrl_consignorPhone" class="form-control input-sm" v-model="consignorPhone" placeholder="请填写发货人电话" v-validate:consignorPhone="['required']" name="consignorPhone" disabled>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-1 pull-left control-label">发货内容  :</label>
                            <div class="col-lg-10">
                                <textarea class="form-control input-sm" id="addOrderCtrl_shipPriceContent" v-model="shipPriceContent" placeholder="请填写发货内容" name="shipPriceContent"></textarea>
                            </div>
                        </div>
                        <!--<validator name="totalValidation" :groups="['totalLine']">-->
                            <div class="form-group">
                                <div class="panel-heading font-bold">
                                    线路货物信息<span class="text-danger">*</span>
                                </div>
                                <div class="wrapper-sm font-bold">
                                    线路信息
                                </div>
                                
                                <label class="w-sm pull-left control-label">发货地址<span class="text-danger">*</span></label>
                                    <div class="col-lg-10">
                                        <div class="pull-left form-group form-inline m-n" required="true">
                                            <div class="form-group m-n">
                                                <select  class="form-control required input-sm" name="startProvince" @change="changeStarProvince()" v-model="startProvince" v-validate:startProvince="['required']" group="totalLine">
                                                        <option value="" selected>请选择</option>
                                                        <option v-for="option in provinceList" v-bind:value="option.value">
                                                        {{ option.text }}
                                                        </option>
                                                </select>
                                            </div>
                                            <div class="form-group m-n">
                                                <select class="form-control required input-sm" name="startCity" v-model="startCity" @change="changeCity()" v-validate:startCity="['required']" group="totalLine">
                                                    <option value="" selected>请选择</option>
                                                    <option v-for="option in startCityList" v-bind:value="option.value">
                                                        {{ option.text }}
                                                    </option>
                                                </select>
                                            </div>
                                            <div class="form-group m-n">
                                                    <select class="form-control required input-sm" name="startArea" v-model="startArea"  v-validate:startArea="['required']" group="totalLine">
                                                    <option value="" selected>请选择</option>
                                                    <option v-for="option in startAreaList" v-bind:value="option.value">
                                                        {{ option.text }}
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 m-l-n-sm">
                                            <input id="inquiryAdd_startAddress" name="startAddress" type="text" class="form-control input-sm" id="page_inquiry_add_startAddress" v-model="startAddress" placeholder="请填写详细地址" v-validate:startAddress="['required']" group="totalLine">
                                        </div>
                                    </div>                            
                                <div class="line pull-in"></div>

                                <label class="w-sm pull-left control-label">送货地址<span class="text-danger">*</span></label>
                                    <div class="col-lg-10">
                                        <div class="pull-left form-group form-inline m-n" required="true">
                                            <div class="form-group m-n">
                                                <select  class="form-control required input-sm" name="endProvince" @change="changeEndProvince()" v-model="endProvince" v-validate:endProvince="['required']" group="totalLine">
                                                        <option value="" selected>请选择</option>
                                                        <option v-for="option in provinceList" v-bind:value="option.value">
                                                            {{ option.text }}
                                                        </option>
                                                </select>
                                            </div>
                                            <div class="form-group m-n">
                                                <select class="form-control required input-sm" name="endCity" v-model="endCity" @change="changeEndCity()" v-validate:endCity="['required']" group="totalLine">
                                                    <option value="" selected>请选择</option>
                                                    <option v-for="option in endCityList" v-bind:value="option.value">
                                                        {{ option.text }}
                                                    </option>
                                                </select>
                                            </div>
                                            <div class="form-group m-n">
                                                <select class="form-control required input-sm" name="endArea" v-model="endArea"  v-validate:endArea="['required']" group="totalLine">
                                                    <option value="" selected>请选择</option>
                                                    <option v-for="option in endAreaList" v-bind:value="option.value">
                                                        {{ option.text }}
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 m-l-n-sm">
                                        <input id="inquiryAdd_endAddress" name="endAddress" type="text" class="form-control input-sm" v-model="endAddress" placeholder="请填写详细地址" v-validate:endAddress="['required']" group="totalLine">
                                        </div>
                                    </div>

                                <div class="line pull-in"></div>

                                <label class="w-sm pull-left control-label">中转地</label>
                                    <div class="col-lg-10">
                                        <div class="pull-left form-group form-inline m-n" required="true">
                                            <div class="form-group m-n">
                                                <!--<select  class="form-control required input-sm" name="viaProvince" @change="changeViaProvince()" v-model="viaProvince" v-validate:viaProvince="['required']">-->
                                                <select  class="form-control required input-sm" name="viaProvince" @change="changeViaProvince()" v-model="viaProvince">
                                                        <option value="" selected>请选择</option>
                                                        <option v-for="option in provinceList" v-bind:value="option.value">
                                                            {{ option.text }}
                                                        </option>
                                                </select>
                                            </div>
                                            <div class="form-group m-n">
                                                <!--<select class="form-control required input-sm" name="viaCity" v-model="viaCity" @change="changeViaCity()" v-validate:viaCity="['required']">-->
                                                <select class="form-control required input-sm" name="viaCity" v-model="viaCity" @change="changeViaCity()">
                                                    <option value="" selected>请选择</option>
                                                    <option v-for="option in viaCityList" v-bind:value="option.value">
                                                        {{ option.text }}
                                                    </option>
                                                </select>
                                            </div>
                                            <div class="form-group m-n">
                                                <!--<select class="form-control required input-sm" name="viaArea" v-model="viaArea"  v-validate:viaArea="['required']">-->
                                                <select class="form-control required input-sm" name="viaArea" v-model="viaArea">
                                                    <option value="" selected>请选择</option>
                                                    <option v-for="option in viaAreaList" v-bind:value="option.value">
                                                        {{ option.text }}
                                                    </option>
                                                </select>
                                            </div>
                                        </div>
                                        <a class="btn btn-info btn-addon m-l-xs btn-sm" id="addOrderCtrl_addViaFn" @click="addVia"><i class="glyphicon glyphicon-plus"></i>添加中转地</a>
                                    </div>

                                <div class="line pull-in"></div>
                                <!--中转地新增栏-->
                                <label class="w-sm pull-left control-label"></label>
                                <div class="col-lg-7">
                                    <span class="ui-select-bootstrap dropdown form-control">
                                        <span v-for="item in viaList">
                                            <span style="margin-right: 3px; margin-bottom:3px;" class="ui-select-match-item btn btn-default btn-xs">
                                                <span class="close ui-select-match-close" @click="deleteVia(item.index)">&nbsp;×</span>
                                                <span>{{item.province}}{{item.city}}{{item.county}}</span>
                                            </span>
                                        </span>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="w-sm pull-left control-label">发货时间<span class="text-danger">*</span></label>
                                <div class="col-lg-2 has-feedback">
                                    <input id="dataTimeStart" datetimepicker plugintype="datetime" name="startTime" v-model="startTime" placeholder="发货时间" class="form-control" type="text" v-validate:startTime="['required']" group="totalLine">
                                    <span id="opendataTimeStart" class="form-control-feedback curpoint">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>	
                                <label class="pull-left control-label">到货时间<span class="text-danger">*</span></label>
                                <div class="col-lg-2 has-feedback">
                                    <input id="dataTimeEnd" datetimepicker plugintype="datetime" name="arrivalTime" v-model="arrivalTime" placeholder="到货时间" class="form-control" type="text" v-validate:deliverTime="['required']" group="totalLine">
                                    <span id="opendataTimeEnd" class="form-control-feedback curpoint">
                                            <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                                <label class="pull-left control-label">里程数</label>
                                <div class="col-lg-2">
                                    <input type="text" id="addOrderCtrl_mileage" class="form-control input-sm" v-model="mileage" placeholder="请填写里程数" name="mileage" v-validate:mileage="{pattern:'/^[0-9]+(\.[0-9]+)?$/'}">
                                </div>
                                <label class="pull-left control-label">公里</label>
                            </div>
                            <div class="form-group">
                                <div class="wrapper-sm font-bold m-t-n">
                                    货物信息
                                </div>
                                <label class="w-sm pull-left control-label">货物类别<span class="text-danger">*</span></label>
                                <div class="col-lg-2">
                                    <select id="goodsTypeName" class="form-control input-sm" v-model="goodsTypeId" name="goodsTypeId" @change="changeGoodsType()"  v-validate:goodsTypeId="['required']" group="totalLine">
                                            <option value="" selected>请选择</option>
                                            <option v-for="option in goodsTypeList" v-bind:value="option.id">
                                                {{ option.name }}
                                            </option>
                                    </select>
                                </div>
                                <label class="pull-left control-label">货物名称<span class="text-danger">*</span></label>
                                <div class="col-lg-2">
                                    <select class="form-control input-sm" id="goodsId" v-model="goodsId" name="goodsId" v-validate:goodsId="['required']" group="totalLine">
                                            <option value="" selected>请选择</option>
                                            <option v-for="option in goodsNameList" v-bind:value="option.id">
                                                {{ option.name }}
                                            </option>
                                    </select>
                                </div>
                                <label class="pull-left control-label">吨位范围<span class="text-danger">*</span></label>
                                <div class="col-lg-2">
                                    <select id="tonRange" class="form-control input-sm" v-model="tonRange" name="tonRange" @change="changeTonRangeGetReceivableEvent()">
                                            <!--<option value="其他" selected>其他</option>-->
                                            <option v-for="option in tonRangeList" v-bind:value="option.value">
                                                {{ option.text }}
                                            </option>
                                    </select>
                                </div>
                                <div class="line pull-in"></div>
                                <label class="w-sm pull-left control-label">货物数量<span class="text-danger">*</span></label>
                                <div class="col-lg-2">
                                    <input type="text"  id="addOrderCtrl_goodsNum" class="form-control input-sm" name="goodsNum" v-model="goodsNum" placeholder="请填写货物数量"  v-validate:goodsNum="{required: 'true', pattern:'/^[0-9]+(\.[0-9]{1,4})?$/'}" group="totalLine">
                                </div>
                                <div class="pull-left m-l-n-sm">
                                    <select class="form-control input-sm" id="goodsNumUnit" v-model="goodsNumUnit" name="goodsNumUnit" v-validate:goodsNumUnit="['required']" group="totalLine">
                                            <option value="" selected>请选择</option>
                                            <option v-for="option in goodsNumUnitList" v-bind:value="option.value">
                                                {{ option.text }}
                                            </option>
                                    </select>
                                </div>
                                <label class="pull-left m-l control-label">货物数量2</label>
                                <div class="col-lg-2">
                                    <input type="text" id="addOrderCtrl_goodsNumTwo" class="form-control input-sm" v-model="goodsNumTwo" placeholder="请填写货物数量2" v-validate:goodsNumTwo="{pattern:'/^[0-9]+(\.[0-9]{1,4})?$/'}" name="goodsNumTwo">
                                </div>
                                <div class="pull-left m-l-n-sm">
                                    <select class="form-control input-sm" id="goodsNumTwoUnit" v-model="goodsNumTwoUnit" name="goodsNumTwoUnit">
                                        <option value="" selected>请选择</option>
                                        <option v-for="option in goodsNumUnitList" v-bind:value="option.value">
                                            {{ option.text }}
                                        </option>
                                    </select>
                                </div>
                                <div class="pull-left m-l">
                                    <button type="button" class="btn  btn-info btn-addon btn-sm" id="addOrderCtrl_addOrderLineFn" v-if="isAddLine"  @click="addOrderLine($validation.totalLine.valid)" v-bind:class="{'disabled' : !$validation.totalLine.valid}"><i class="glyphicon glyphicon-plus" ></i>新增总线路</button>
                                </div>
                                <div class="pull-left m-l">
                                    <button type="button" class="btn  btn-success btn-addon btn-sm" id="addOrderCtrl_saveOrderLineFn" v-if="!isAddLine" @click="saveOrderLine($validation.totalLine.valid)" v-bind:class="{'disabled' : !$validation.totalLine.valid}" ><i class="glyphicon glyphicon-floppy-saved"></i>保存总线路</button>
                                </div>

                            </div>
                        <!--</validator>-->
                        <!--<validator name="ChildValidation">-->
                            <div class="line line-border b-b line-lg"></div>
                                <div class="form-group">
                                    <div class="wrapper-sm font-bold m-t-n">
                                        价格信息
                                    </div>
                                    <label class="w-sm pull-left control-label">单价</label>
                                    <div class="col-lg-2">
                                        <!--v-validate:receivablePrice="{pattern:'/^[0-9]+(\.[0-9]{1,2})?$/'}"-->
                                        <input type="text" id="addOrderCtrl_receivablePrice" class="form-control input-sm" v-model="receivablePrice"  placeholder="请填写应收单价" name="receivablePrice" v-validate:receivablePrice="{pattern:'/^[0-9]+(\.[0-9]{1,2})?$/'}">
                                    </div>
                                    <div class="pull-left m-l-n-sm">
                                        <!--<select v-model="receivablePriceUnit" class="form-control input-sm" id="receivablePriceUnit"  v-validate:receivablePriceUnit="['required']" name="receivablePriceUnit">-->
                                        <select v-model="receivablePriceUnit" class="form-control input-sm" id="receivablePriceUnit" name="receivablePriceUnit">
                                            <option value="" selected>请选择</option>
                                            <option v-for="option in priceUnitList" v-bind:value="option.value">
                                                {{ option.text }}

                                            </option>
                                        </select>
                                    </div>
                                    <label class="pull-left m-l control-label">总价</label>
                                    <div class="col-lg-2">
                                        <!--v-validate:receivableTotal="{pattern:'/^[0-9]+(\.[0-9]{1,2})?$/'}"-->
                                        <input type="text" id="addOrderCtrl_receivableTotal" class="form-control input-sm" v-model="receivableTotal" placeholder="请填写应收总价"
                                            name="receivableTotal" v-validate:receivableTotal="{pattern:'/^[0-9]+(\.[0-9]{1,2})?$/'}">
                                    </div>
                                    <label class="pull-left m-l-n-sm control-label">元</label>
                                    <label class="m-l pull-left control-label">结算方式</label>
                                    <div class="pull-left m-l-sm m-r-sm">
                                        <select class="form-control input-sm" id="settleType" v-model="settleType" name="settleType">
                                            <option value="" selected>请选择</option>
                                            <option v-for="option in settleTypeList" v-bind:value="option.value">
                                                {{ option.text}}
                                            </option>
                                        </select>
                                    </div>
                                    <label class="m-l-xs pull-left control-label">含税<span class="text-danger">*</span></label>
                                    <div class="pull-left m-l-sm m-r-sm">
                                        <select class="form-control input-sm" id="includeTax" v-model="includeTax" name="includeTax" v-validate:includeTax="['required']">
                                            <option v-for="option in includeTaxList" v-bind:value="option.value">
                                                {{ option.text}}
                                            </option>
                                        </select>
                                    </div>
                                    <div class="line pull-in"></div>
                                    <label class="w-sm pull-left control-label">说明</label>
                                    <div class="col-lg-4">
                                        <input type="text" class="form-control input-sm" id="addOrderCtrl_receivableRemarks" v-model="receivableRemarks" placeholder="请填写应收说明" name="receivableRemarks">
                                    </div>
                                    <label class="pull-left control-label">结算单位<span class="text-danger">*</span></label>
                                    <div class="col-lg-4">
                                        <select class="form-control input-sm" id="settleId" v-model="settleId" name="settleId" v-validate:settleId="['required']" @change="changeSettle()" >
                                            <option value="" selected>请选择</option>
                                            <option v-for="option in settleList" v-bind:value="option.id">
                                                {{ option.name }}
                                            </option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="wrapper-sm font-bold m-t-n">
                                        工程信息
                                    </div>
                                    <label class="w-sm pull-left control-label">工程名称</label>
                                    <div class="col-lg-3">
                                        <input type="text" id="addOrderCtrl_projectName" class="form-control input-sm" v-model="projectName" name="projectName">
                                    </div>
                                    <label class="pull-left control-label w-xxs">工程编号</label>
                                    <div class="col-lg-2">
                                        <input type="text" id="addOrderCtrl_projectCode" class="form-control input-sm" v-model="projectCode" placeholder="请填写工程编号" name="projectId">
                                    </div>
                                    <label class="pull-left control-label w-xxss">工程总量</label>
                                    <div class="col-lg-2">
                                        <input type="text" id="addOrderCtrl_projectTotal" class="form-control input-sm" v-model="projectTotal" placeholder="请填写工程总量" name="projectTotal">
                                    </div>
                                    <div class="pull-left m-l-n-sm">
                                        <select class="form-control input-sm" id="projectTotalUnit" v-model="projectTotalUnit">
                                            <option value="" selected>请选择</option>
                                            <option v-for="option in projectTotalUnitList" v-bind:value="option.value">
                                                {{ option.text }}
                                            </option>
                                        </select>
                                    </div>
                                    <div class="line pull-in"></div>
                                    <label class="w-sm pull-left control-label">收货单位</label>
                                    <div class="col-lg-3">
                                        <input type="text" class="form-control input-sm" id="addOrderCtrl_takeGoodsCompanyName" v-model="takeGoodsCompanyName" placeholder="请填写收货单位" name="takeGoodsCompany">
                                    </div>
                                    <label class="pull-left control-label w-xxs">收货人</label>
                                    <div class="col-lg-2">
                                        <input type="text" class="form-control input-sm" id="addOrderCtrl_consignee" v-model="consignee" placeholder="请填写收货人" name="consignee">
                                    </div>
                                    <label class="pull-left control-label w-xxss">收货人号码</label>
                                    <div class="col-lg-2">
                                        <!--pattern:'/^1\d{10}$/'-->
                                        <input type="text" class="form-control input-sm" id="addOrderCtrl_consigneePhone" v-model="consigneePhone" placeholder="请填写收货人号码"
                                            name="consigneePhone"  v-validate:consigneePhone="{pattern:'/^1[0-9]{10}$/'}">
                                    </div>
                                    <div class="line pull-in"></div>
                                    <label class="w-sm pull-left control-label">发货单号</label>
                                    <div class="col-lg-2">
                                        <input type="text" class="form-control input-sm" id="addOrderCtrl_shipOrderId" v-model="shipOrderId" placeholder="请填写发货单号" name="shipOrderId">
                                    </div>
                                    <div class="pull-left m-l">
                                        <button class="btn  btn-info btn-addon btn-sm" type="button" id="addOrderCtrl_addChildOrderLineFn" v-if="isAddChildLine" 
                                            @click="addChildOrderLine($validation.totalLine.valid && settleId)"v-bind:class="{'disabled' : !$validation.totalLine.valid || !settleId}" ><i class="glyphicon glyphicon-plus"></i>新增子线路</button>
                                    </div>
                                    <div class="pull-left m-l">
                                        <button class="btn  btn-success btn-addon btn-sm" type="button" id="addOrderCtrl_saveChildOrderLineFn" v-if="!isAddChildLine" 
                                            @click="saveChildOrderLine($validation.totalLine.valid && settleId)" v-bind:class="{'disabled' : !$validation.totalLine.valid || !settleId}"><i class="glyphicon glyphicon-floppy-saved"></i>保存子线路</button>
                                    </div>
                                </div>
                        <!--</validator>-->

                            <div class="form-group">
                                <div class="panel-heading font-bold ">
                                    线路货物信息<span class="text-danger">*</span>
                                </div>
                                <div class="wrapper-sm font-bold">
                                    总线路货物信息<span class="text-danger">*</span>
                                </div>
                                <div class="wrapper-sm">                              
                                    <div class="table-responsive table-cel-k">
                                        <v-client-table class="editTables" :data="tableData" :columns="columns" :options="options" style="overflow:hidden; min-width:1000px;"></v-client-table>						
                                    </div>
                                </div>

                                <div class="wrapper-sm font-bold">
                                    子线路货物信息<span class="text-danger">*</span>
                                </div>
                                <div class="wrapper-sm">                              
                                        <div class="table-responsive table-cel-k">
                                            <v-client-table class="editTables" :data="tableData2" :columns="columns2" :options="options2" style="overflow:hidden; min-width:1000px;"></v-client-table>						
                                        </div>
                                </div>
                                <div class="line pull-in"></div>
                            </div>
                        <div class="form-group">
                            <div class="panel-heading font-bold m-b-sm">
                                所需车辆信息
                            </div>
                            <label class="col-lg-1 pull-left control-label">所需车型</label>
                            <div class="pull-left m-r-sm col-sm-1">
                                <select id="carType" class="form-control input-sm" v-model="carType" name="carType">
                                    <option value="" selected>请选择</option>
                                    <option v-for="option in carTypeList" v-bind:value="option.value">
                                        {{ option.text }}
                                    </option>
                                </select>
                            </div>
                            <label class="pull-left control-label m-l-md">所需车长</label>
                            <div class="pull-left m-l-sm m-r-sm col-sm-1">
                                <select id="carLength" class="form-control input-sm" v-model="carLength" name="carLength">
                                    <option value="" selected>请选择</option>
                                    <option v-for="option in carLengthList" v-bind:value="option.value">
                                        {{ option.text }}
                                    </option>
                                </select>
                            </div>
                            <label class="pull-left control-label m-l-md">承运方式</label>
                            <div class="pull-left m-l-sm m-r-sm col-sm-1">
                                <select id="carriageWay" class="form-control input-sm" v-model="carriageWay" name="carrierCategory">
                                    <option value="" selected>请选择</option>
                                    <option v-for="option in carrierCategoryList" v-bind:value="option.value">
                                        {{ option.text }}
                                    </option>
                                </select>
                            </div>
                            <label class="pull-left control-label m-l-md">装车效果</label>
                            <div class="col-lg-2">
                                <input id="page_orderManagent_detail_loadingEffect" type="text" class="form-control input-sm" v-model="loadingEffect" placeholder="请填写装车效果"  name="loadingEffect">
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="panel-heading font-bold m-b-sm">
                                附件信息
                            </div>

                            <div class="col-md-4 m-l-xs">
                                <label class="pull-left m-l m-r">附件上传</label>
                                <div class="col-md-3 form-group">
                                    <!--<input id="realHead" accept="image/gif,image/jpeg,image/jpg,image/png,image/bmp" name="realHead" type="file" nv-file-select="" uploader="attachmentUploader" multiple />-->
                                    <input type="file" @change="onFileChange" accept="image/gif,image/jpeg,image/jpg,image/png,image/bmp" multiple>
                                </div>
                            </div>
                            <div class="wrapper-sm">
                                <div class="line  pull-in"></div>
                                <div class="wrapper-sm bg-light dk b-b m-b-xs hidden">
                                    <span class="">上传文件数: <b class="badge bg-info">{{  }}</b></span>
                                </div>
                                <v-client-table class="editTables" :data="imageLists" :columns="imageColumns" :options="imageOptions" style="overflow:hidden; min-width:1000px;"></v-client-table>
                                
                                <!--<button id="orderAdd_uploadAll" type="button" class="btn btn-sm btn-addon btn-success" @click="attachmentUploader()" :class="{disabled: length}">
                                            <i class="glyphicon glyphicon-upload"></i> 全部上传
                                </button>-->

                            </div>
                        </div>

                        <div class="form-group">
                            <div class="panel-heading font-bold m-b-sm">
                                备注信息
                            </div>
                            <label class="col-lg-1 pull-left control-label">备注</label>
                            <div class="col-lg-10">
                                <textarea id="addOrderCtrl_orderRemarks" class="form-control" v-model="orderRemarks" placeholder="请填写备注" name="orderRemarks"></textarea>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-1 pull-left control-label"></label>
                            <div class="col-lg-5">
                                <button type="button" id="addOrderCtrl_orderSave" class="pull-right-xs btn btn-sm btn-info btn-addon"  @click="addOrderSave()" ><i class="glyphicon glyphicon-ok"></i>发货发布</button>
                                <a id="addOrderCtrl_shipBack" type="button" href='#!/order/orderReleaseManage' class="pull-right-xs btn  btn-primary btn-addon btn-sm"><i class="fa fa-reply"></i>返回</a>
                            </div>
                        </div>
                    </form>
                </validator>   
            </div>               
        </div>       
    </div>
</div>


